import React from 'react'
import { Outlet } from 'react-router-dom'
import './HomeView.css'
import { Flex, Layout } from 'antd'
import MenuPart from '../../components/MenuPart/MenuPart'
import HeaderPart from '../../components/HeaderPart/HeaderPart'

const { Header, Footer, Sider, Content } = Layout


function Home() {
    return (
        <Flex gap="middle" wrap>
            <Layout className="layoutStyle">
                <Sider className="siderStyle">
                    <MenuPart />
                </Sider>
                <Layout>
                    <Header className="headerStyle">
                        <HeaderPart />
                    </Header>
                    <Content className="contentStyle">
                        <Outlet />
                    </Content>
                    <Footer className="footerStyle">Footer</Footer>
                </Layout>
            </Layout>
        </Flex>
    )
}

export default Home